import { computed, defineComponent, ref } from 'vue';
import Basic from './Basic.vue';
import Form from './Form.vue';
import Form2 from './Form2.vue';
import FormAsyncValidation from './FormAsyncValidation.vue';
import FormFocus from './FormFocus.vue';
import FormNative from './FormNative.vue';
import FormValidationReactiveLazy from './FormValidationReactiveLazy.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>Basic</h5>
            <Basic />
          </div>
          {/* <div class='block-'>
            <h5 class='title'>Form</h5>
            <Form />
          </div>
          <div class='block-'>
            <h5 class='title'>Form2</h5>
            <Form2 />
          </div>
          <div class='block-'>
            <h5 class='title'>FormAsyncValidation</h5>
            <FormAsyncValidation />
          </div>
          <div class='block-'>
            <h5 class='title'>FormFocus</h5>
            <FormFocus />
          </div>
          <div class='block-'>
            <h5 class='title'>FormNative</h5>
            <FormNative />
          </div>
          <div class='block-'>
            <h5 class='title'>FormValidationReactiveLazy</h5>
            <FormValidationReactiveLazy />
          </div> */}
        </div>
      );
    };
  },
});
